<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
		<title>{$topic['title']}_淘嘟嘟商城</title>
		<link rel="stylesheet" href="http://www.taodudu.com/themes/home/Topic/css/animation.css" />
		<link rel="stylesheet" href="http://www.taodudu.com/themes/home/Topic/css/common.css" />
		<link rel="stylesheet" type="text/css" href="http://www.taodudu.com/themes/home/Topic/css/layout.css"/>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			body {
				overflow: scroll;
				overflow-x: hidden;
				background: #f5cbd7;
			}
			body .header {
				width: 100%;
				position: relative;
			}
			.header .header_img {
				margin: 0 auto;
				width:100%
				
			}
			.headerPic {
				width:62.5%;
				
				margin: -16% auto;
			}
			.headerPic .headerPic_img {
				width: 33%;
				height:100%;
			}
			.content {
				width: 1200px;
				margin:20% auto;
			}
			.content .content_biaoti {
				margin:0 auto;
				width: 1186px;
				height: 69px;
				text-align: center;
				line-height: 69px;
				color: white;
				background-color: #f9468e;
				font-size: 33px;
			}
			.content_xq {
				width: 1200px;
				background: #f5cbd7;
				margin:28px auto;
				margin-left:10px;
			}
			.content_xq .content_xq_1 {
				
				display: inline-block;
				margin-right: 17px;
				width: 383px;
				height: 492px;
				background: white;
				margin-bottom: 28px;
			}
			.content_xq .content_xq_1 .content_xq_1_img {
				width: 100%;
				height: 390px;
				background: gray;
			}
			.content_xq .content_xq_1 .content_xq_1_p {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				overflow: hidden;
				font-size: 15px;
				margin: 10px 15px;
			}
			.content_xq_1_d {
				width:100%;
				}
			.content_xq_1_sp1 {
				display: inline-block;
				font-size:1em;
				margin-top: 5px;
				color: #fc237a;
				padding-left: 20px;
				width: 50%;
			}
			.content_xq_1_sp2 {
				font-size: 25px;
			}
			.content_xq_1_d2 {
				width: 50%;
				text-align: right;
				float: right;
				margin-right: 20px;
				display: inline-block;
				margin-top: -40px;
			}
			.content_xq_1_d2 span {
				display: inline-block;
				width: 100px;
				height: 40px;
				background: #fc237a;
				color: white;
				font-size: 15px;
				text-align: center;
				line-height: 40px;
			}
			.shangpin_a {
				color: black;
			}  
		</style>
	</head>
	<body>
		<div class="header">
			<img class="header_img" src="__TOPIC__/img/queenspc1_01.png" alt="" />
			<div class="headerPic">
				<a href="http://www.taodudu.com/Topic/82"><img class="headerPic_img" src="__TOPIC__/img/queenspc2_03.jpg" alt="" /></a>
				<a href="http://www.taodudu.com/Topic/83"><img  class="headerPic_img" src="__TOPIC__/img/queenspc3_03.jpg" alt="" /></a>
				<a href="http://www.taodudu.com/Topic/81"><img  class="headerPic_img" src="__TOPIC__/img/queenspc4_03.jpg" alt="" /></a>
			</div>
		</div>
		<div class="content">
			<?php $i=0; ?>
                        <foreach item="v" name="goodList" key="k">
                        <?php $i++; ?>
			<div class="content_biaoti">{$k}</div>
			<div class="content_xq">
				<foreach item="m" name="v">
				<div class="content_xq_1">
					<a class="shangpin_a" href="{:HOME_URL}/Goods/{$m['goods_id']}">
						<img src="{$m['goods_thumb']}" alt="{$m['goods_title']}" class="content_xq_1_img">
						<p class="content_xq_1_p">{$m['goods_title']}</p>
						<div class="content_xq_1_d">
							<span class="content_xq_1_sp1">活动价：￥<span class="content_xq_1_sp2">{$m['goods_price']}</span></span>
							<div class="content_xq_1_d2"><span>立即抢购</span></div>
						</div>
					</a>
				</div>
				</foreach>
			</div>
			</foreach>
		</div>
	</body>
</html>
